<template >
  <!-- 首页入口 -->
  <div class="home-entry">
    <div class="container">
      <!-- 左侧分类 -->
      <HomeCategory />
      <!-- 轮播图 -->
      <HomeBanner />
    </div>
  </div>
  <!-- 新鲜好物 -->
  <HomeNew />
  <!-- 人气推荐 -->
  <HomeHot />
  <!-- 热门品牌 -->
  <HomeBrand />
  <!-- 产品区块 -->
  <HomeProduct/>
  <!-- 最新专题 -->
  <HomeSpecial/>
</template>
<script>
import HomeCategory from "@/views/home/components/home-category.vue";
import HomeBanner from "@/views/home/components/home-banner.vue";
import HomeNew from "@/views/home/components/home-new.vue";
import HomeHot from "@/views/home/components/home-hot.vue";
import HomeBrand from "@/views/home/components/home-brand.vue";
import HomeProduct from "@/views/home/components/home-product.vue";
import HomeSpecial from "@/views/home/components/home-special.vue"



export default {
  name: "HomePage",
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeBrand,
    HomeProduct,
    HomeSpecial
  },
};
</script>
<style lang="less" scoped>
// .container {
//   .hoverShadow();
// }
</style>